@charset "utf-8";
/* 1.通用选择器：规范页面效果 */
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: 微软雅黑;
	/* 设置背景颜色 */
	background-color: #f5f5f5;
}
/* 2.设置外层空间 product_card */
div.product_card{
	bor der: 1px solid red;
	width: 251px;
	/* 卡片-内外边距：10px 10px */
	padding: 15px;/* 内边距：图片和内容与框之间的距离 */
	margin: 20px;/* 外边距：与其他卡片或者页面间的距离 */
	/* 无边框 */
	border-radius: 6px;
	background-color: #fff;
	/* 文本居中 */
	text-align: center;
	/* 阴影3种：盒子阴影 立体感
	 box-shadow盒子阴影：X Y 模糊距离 颜色：rgba()
	 */
	box-shadow: 0 15px 5px rgba(0,0,0,.1);
	}
	/*3.内层图片*/
	div.product-card img{
		bo rder: 1px solid red;
		width: 100%;
		border-radius:6px;
		/* 图片与标题之间产生间距 */
		margin-bottom:10px;
	}
	/*4.标题*/
	日div.product card h3{
		bo rder: 1px solid red;
	/*上下添加间距 */
	margin:10px 0;
	color: #303030;
	}
	/*5.价格*/
	div.product card p.price{
		bor der:1px solid red;
		/* 下添加间距 */
		margin-bottom:10px;
		/*字体大小 */
	font-size:1.3em;
	color: #f00;
	}
	/* 6.评论 : ①p元素整体设置：字体尺寸 .9em、颜色*/
	div.product-card p.rating{
		/*默认字体：12px  14px  16px*/
		font-size: .9em;
		color: #b5b5b5;
	}
	/*②10万+  右左边距*/
	div.product-card p.rating span{
		color: #c7c7c7;
		margin: 0 3px;